<!DOCTYPE html>  
<html lang="en">  
<head>  
<meta charset="UTF-8">  
<title>充电站搜索</title>  
<style>  
    .highlight { background-color: yellow; }  
</style>  
</head>  
<body>  
    <script>  
        function searchTable() {  
           var input = document.createElement('input'); // 实际上，我们可能不需要动态创建input，但这里仅作演示  
           input.type = 'text'; // 同样，这里不直接使用，只是演示如何动态创建元素  
           input.id = 'searchInput'; // 如果要动态创建并使用，需要这个ID  
           input.placeholder = '搜索充电站...'; // 如果要动态添加到DOM，可以用这个  
         
           // 但在这个例子中，我们假设页面上已经有一个输入框，或者我们直接使用静态的ID  
           var filter = document.getElementById("searchInput").value.toUpperCase(); // 假设页面上有一个id为searchInput的输入框  
         
           var table = document.querySelector(".xcxCss");  
           var trs = table.getElementsByTagName("tr");  
         
           // 隐藏除了表头以外的所有行  
           for (var i = 1; i < trs.length; i++) {  
               trs[i].style.display = "none";  
               trs[i].classList.remove("highlight"); // 移除之前可能存在的高亮  
           }  
         
           // 遍历除了表头以外的所有行  
           for (var i = 1; i < trs.length; i++) {  
               var tds = trs[i].getElementsByTagName("td");  
               if (tds.length > 0) { // 确保行中有单元格  
                   var txtValue = tds[0].textContent || tds[0].innerText; // 假设我们在第一个单元格中搜索  
                   if (txtValue.toUpperCase().indexOf(filter) > -1) {  
                       trs[i].style.display = ""; // 显示匹配的行  
                       trs[i].classList.add("highlight"); // 高亮显示匹配的行  
                   }  
               }  
           }  
       }  
         
       // 注意：这里假设页面上已经有一个id为searchInput的输入框，用于接收用户的搜索词。  
       // 如果你是动态创建输入框，并将其添加到DOM中，那么上面的代码将需要相应的调整。  
         
       </script>  
<input type="text" id="searchInput" onkeyup="searchTable()" placeholder="搜索充电站...">  
<button onclick="searchTable()">搜索充电站</button>

<table border="1" class='xcxCss'>  
    <!-- 表格内容，与你的示例相同 --> 
    <tr><td colspan="3">【地址】江苏省南京市鼓楼区湖南路街道四卫头路向东250米</td></tr>
    <tr><td colspan="3">【收费标准】停车费服从场地管理（参照停车场实际费用），综合电费：1.15元/度。</td></tr>
    <tr><td colspan="3">【充电桩数量】直流8个，交流0个</td></tr>			<tr class="cdzname"><td>江苏省南京市鼓楼区和泰大厦1#充电站</td><td>国家电网</td><td>8</td></tr>
    <tr><td colspan="3">【地址】江苏省南京市鼓楼区湖南路街道山西路128号</td></tr>
    <tr><td colspan="3">【收费标准】停车费服从场地管理（参照停车场实际费用），综合电费：1.15元/度。</td></tr>
    <tr><td colspan="3">【充电桩数量】直流8个，交流0个</td></tr>			<tr class="cdzname"><td>万马爱充山西路TOUCH酒店站</td><td>万马爱充</td><td>10</td></tr>
    <tr><td colspan="3">【地址】南京市鼓楼区傅佐路31号Touch酒店旁地面停车场</td></tr>
    <tr><td colspan="3">【收费标准】停车费免费，综合电费：1.15元/度。</td></tr>
    <tr><td colspan="3">【充电桩数量】直流10个，交流0个</td></tr> 
</table>  
  

  
</body>  
</html>